<template>
    <div class="module">
      <img src="../../../../../public/614.jpg" class="tu"  @mouseover="hover = true" @mouseleave="hover = false">
      <h3>文化大革命</h3>
      <p>中國1966年至1976年間由毛澤東發起的重大政治運動 来自维基百科，自由的百科全书 无产阶级文化大革命，通称文化大革命，简称文革，是中华人民共和国历史上的一场全国性政治運動，于1966年5月16日—1976年10月6日间发生在中国大陆境内。 文革是以毛泽东为代表的中国共产党左派发动和领导的一系列政治运动之一，一般认为其正式开始于1966年5月16日出台的《五一六通知》。</p>
    </div>
  </template>
  
 
<script>
export default {
  data() {
    return {
      hover: false // 添加一个数据属性来控制鼠标悬浮状态
    };
  }
};
</script>

<style scoped>
.module {
  margin: 20px;
  border: 1px solid #232323;
  background-color: rgba(255, 224, 183, 0.2);
  position: relative; /* 确保模块是相对定位的 */
}

.tu {
  width: 100%;
  height: 200px;
  transition: transform 0.3s ease; /* 添加过渡效果 */
}

.tu:hover {
  transform: scale(1.1); /* 鼠标悬浮时放大图片 */
}
</style>